(function($){
  /**
   * author:我是一个菠菜
   *
   * 参数说明
   * time:自动闪烁周期,默认3秒一次
   * color:马赛克颜色
   *
   */
  $.fn.textBling = function(option){
    var defaultOption = {time:3000, size:55,color:"#fff"};
    var setting = $.extend(defaultOption,option);

    // 获取容器尺寸
    var wrapWidth = this.width();
    var wrapHeight = this.height();

    // 循环插入马赛克
    for(var i=0; i<setting.size; i++){
      var delayClass = 'b1';
      if(i%3 == 0){
        delayClass = 'b1';
      }else if(i%3 == 1){
        delayClass = 'b2';
      }else if(i%3 == 2){
        delayClass = 'b3';
      }
      var blingTpl = '<span class="bling '+delayClass+'" style="background-color:'+setting.color+'"></span>';
       $("#bling-wrap").append(blingTpl)
    }
    // 闪烁动画
    var timing = setInterval(function(){
      $("#bling-wrap").addClass('active');
      setTimeout(function(){
        $("#bling-wrap").removeClass('active');
      },500);
    },setting.time);

    //鼠标移入移出控制
    $(this).mouseenter(function(){
      if(!$(this).hasClass('active')){
        $(this).addClass('active');
        setTimeout(function(){
          $("#bling-wrap").removeClass('active');
        },500);
      }
      clearInterval(timing);
    })
    $(this).mouseleave(function(){
      // $(this).removeClass('active');
      timing = setInterval(function(){
        $("#bling-wrap").addClass('active');
        setTimeout(function(){
          $("#bling-wrap").removeClass('active');
        },500);
      },setting.time);
    })

    return this;
  }
}(jQuery));
